﻿<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>

<script>
$(function(){
	var layout = [
		".talk_0",
		".gather_list",
		".gather_panel",
		".talk_1",
	];
	var timeDelay = [ .4,.8,.4,.3 ];
	var timeDurat = [ .4,.8,.4,.3 ];
	addAnimate(timeDelay,timeDurat,layout);
	setTimeout(function(){window.parent.nextAnimation('page10_1_write.html');},page_total*1000);	
})
</script>

<style>
	.talk_0{animation-name: window_hidden;}
	.talk_1{left:100%; animation-name: window_show;}
	.gather_list{animation-name: scroll_gather;}
	.gather_panel{animation-name: gather_click;}
@keyframes scroll_gather{
	from { transform: translateY(0);}
	to   { transform: translateY(-600px);}
}
</style>

<div class="out">
	<div class="phone_top"><dl class="time_point_8"></dl></div>
	<div class="gather">
		<div class="gather_list">
			<dl class="gather_firsttop">
				<dt style="background-image: url(img/timg.jpg);"></dt>
				<dd>
					<h2>丸子妈妈营</h2>
					<h3>作业批改完成</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/group.jpg);"></dt>
				<dd>
					<h2>丸子小学102班家长群</h2>
					<h3>王老师：[链接]16个好创意帮爸爸妈妈永久保存孩子</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/group2.jpg);"></dt>
				<dd>
					<h2>英语辅导2班家长交流群(30)</h2>
					<h3>今日打卡提醒，李磊家长，你家孩子没有在线打卡</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/teacher_z.jpg);"></dt>
				<dd>
					<h2>英语培训赵老师</h2>
					<h3>薇薇妈，薇薇的学习进度已经同步发您微信啦</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/teacher_w.jpg);"></dt>
				<dd>
					<h2>钢琴王老师</h2>
					<h3>本年度考级已经全面启动，请大家留意群里的最新动态</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/husband.jpg);"></dt>
				<dd>
					<h2>老公</h2>
					<h3>老公，我今天加班，薇薇今天学校大扫除</h3>
				</dd>
			</dl>
			<dl><dt style="background-image: url(img/profile/teacher_li.jpg);"></dt><dd><h2>舞蹈班李老师</h2><h3>好的，好的</h3></dd></dl>
			<dl><dt style="background-image: url(img/profile/dad.jpg);"></dt><dd><h2>老爸</h2><h3>不忙就回来吃饭</h3></dd></dl>
			<dl><dt style="background-image: url(img/profile/zhang.jpg);"></dt><dd><h2>客户张总</h2><h3>可以</h3></dd></dl><dl>
			<dt style="background-image: url(img/profile/song.jpg);"></dt><dd><h2>宋天泽</h2><h3>嗯嗯</h3></dd></dl>
			<dl><dt style="background-image: url(img/profile/yang.jpg);"></dt><dd><h2>杨玉银</h2><h3>好的</h3></dd></dl>
			<dl><dt style="background-image: url(img/profile/zhao.jpg);"></dt><dd><h2>赵总</h2><h3>过来吧</h3></dd></dl>
			<dl><dt style="background-image: url(img/profile/helin.jpg);"></dt><dd><h2>何琳</h2><h3>没事，我最近把东西寄给他了</h3></dd></dl>
			<dl><dt style="background-image: url(img/profile/linmeng.jpg);"></dt><dd><h2>林萌</h2><h3>可以领一个电水壶啊</h3></dd></dl>
			<dl class="gather_panel">
				<dt style="background-image: url(img/profile/friend.jpg);"></dt>
				<dd>
					<i>16:41</i>
					<h2>三只小仙女</h2>
					<h3></h3>
				</dd>
			</dl>
			<dl><dt style="background-image: url(img/profile/chenmumu.jpg);"></dt><dd><h2>陈木木</h2><h3>上次那家童装店又打折了</h3></dd></dl>
			<dl><dt style="background-image: url(img/profile/renshi.jpg);"></dt><dd><h2>人事黎姐</h2><h3>这个月考勤你记得对一下</h3></dd></dl>
			<dl><dt style="background-image: url(img/profile/qianqian.jpg);"></dt><dd><h2>茜茜</h2><h3>那是的，一年就这么一次</h3></dd></dl>
			<dl><dt style="background-image: url(img/profile/yu.jpg);"></dt><dd><h2>覃羽</h2><h3>还不错的</h3></dd></dl>
			<dl><dt style="background-image: url(img/profile/feijie.jpg);"></dt><dd><h2>菲姐</h2><h3>你觉得可以吗？</h3></dd></dl>
		</div>
	</div>
	<div class="talk talk_1">
		<div class="talk_list"></div>
		<div class="talk_top"><dl>三只小仙女</dl></div>
		<div class="talk_bottom">
			<div class="talk_bottom_input"></div>
		</div>
	</div>
	<div class="talk talk_0 keyboard_show">
		<div class="talk_list">
			<dl class="talk_mother_0"></dl>
			<dl class="talk_mother_1"></dl>
			<div class="talk_time"><em class="time_point_7"></em></div>
			<dl class="talk_mother_2"></dl>
			<dl class="talk_mother_3"></dl>
		</div>
		<div class="talk_top"><dl>妈</dl></div>
		<div class="talk_bottom_box">
			<div class="talk_bottom">
				<div class="talk_bottom_input"></div>
			</div>
		</div>
	</div>
</div>

</body>
</html>